<template>
  <div class="view-content">
    <home-title title="重点人员统计信息">
      <Echarts :options="pieOptions" />
    </home-title>
  </div>
</template>

<script lang="ts" setup>
import { getZdryPieOptions } from '@/components/Echarts/options'
import { ref, onMounted } from 'vue'
const pieOptions = ref()
const init = () => {
  pieOptions.value = getZdryPieOptions({
    title: [
      {
        subtext: '2200'
      }
    ],
    series: [
      {
        data: [
          {
            value: 1000,
            name: '类别一'
          },
          {
            value: 600,
            name: '类别二'
          },
          {
            value: 300,
            name: '类别三'
          },
          {
            value: 200,
            name: '类别四'
          },
          {
            value: 100,
            name: '类别五'
          }
        ]
      }
    ]
  })
}

onMounted(() => {
  init()
})
</script>

<script lang="ts">
export default {
  name: 'ZdryTjxx'
}
</script>
<style lang="scss" scoped></style>
